<template>
    <div class="bg" style="background: #141516;">
    </div>
    <!--    顶部  -->
    <group class="order_top">
        <div class="logo"><img src="../images/home/logo.png" alt=""></div>
        <!--    订购导航    -->
        <recycle class="navigation" first-focus view-select="1" id="order_navigation">
            <item class="item">
                <div class="focus"></div>
                <div class="select"></div>
                <text class="txt" id="txt"></text>
            </item>
        </recycle>

        <!--    搜索   -->
        <div class="search">
            <item class="item" id="search">
                <div class="bg"></div>
                <div class="focus"></div>
                <div class="icon"><img src="../images/home/icon_search.png"></div>
                <div class="txt" view-type="text" id="key">七龙珠</div>
            </item>
        </div>

        <!--    历史记录   -->
        <div class="history">
            <item class="item" id="history">
                <div class="focus"></div>
                <div class="icon"><img src="../images/home/icon_history.png"></div>
            </item>
        </div>
    </group>

    <view-frame class="h_scroll" id="frame_view" view-up="navigation"></view-frame>
</template>
